<template>
  <el-container style="min-height: 100vh">
     <el-header class="header">
        <div class="grid">
          <el-menu
            :default-active="activeIndex"
            class="el-menu-demo"
            mode="horizontal"
          >
            <el-menu-item index="1"
              ><router-link to="/" class="nav-link my-nav-link"
                >首页</router-link
              ></el-menu-item
            >
            <el-menu-item index="2"
              ><router-link to="/kline" class="nav-link my-nav-link"
                >K线图</router-link
              ></el-menu-item
            >
            <el-menu-item index="3">
              <router-link to="/mhpicture" class="nav-link my-nav-link"
                >分时图</router-link
              ></el-menu-item
            >
            <!-- <el-menu-item index="4">
              <router-link to="/servercenter" class="nav-link my-nav-link"
                >服务中心展示</router-link
              ></el-menu-item
            > -->

            <el-menu-item index="5"
              ><router-link to="/playskill" class="nav-link my-nav-link"
                >玩法技巧</router-link
              ></el-menu-item
            >
            <el-menu-item index="6"
              ><router-link to="/news" class="nav-link my-nav-link"
                >区块链资讯</router-link
              ></el-menu-item
            >
          </el-menu>
          <div class="userInfo">
            <nav-login></nav-login> 
          </div>
        </div>
      </el-header>
    <el-container> 
      <el-aside width="200px" style="border-right: solid 1px #e6e6e6">
      <leftmenu></leftmenu
    ></el-aside>
      <el-main> <router-view /></el-main>
    </el-container>
  </el-container>
</template>
<script>
import leftmenu from "./components/leftmenu";
import navLogin from "@/components/nav_login";
export default {
  name: "msgIndex", 
  data() {
    return { activeIndex: "9" };
  },
  components: { leftmenu, navLogin },
};
</script>
<style lang="less" scoped>
.header {
  padding: 0px;
  border-bottom: solid 1px #e6e6e6;
  overflow: hidden;
  .grid {
    display: grid;
    grid-template-columns: 85% auto;
  }
  .userInfo {
    display: inline-block;
    color:#000;
    line-height: 60px;
    margin-right: 15px;
  }
}
</style>
